技術問答
技術文章
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
23
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
23
篇
RWD---[ 響應式網站 ( 六 ) ]---無用小觀念
2017鐵人賽
ucvic
2017-01-04 17:48:53
2161 瀏覽
分享至
響應式網站 ( 六 )
可以嘗試設計讓網站上
每個頁面最多經過 3 次點擊就可以被找到
,這樣的好處是可以讓使用者盡可能容易的取得任何他們想要的東西。
在設計小螢幕的行動裝置導覽時,請
不要將所有導覽項目的文字佔滿整個畫面
,務必留一些空間讓使用者
在不捲動螢幕的狀態下就可以看見有趣的內容
。
固定導覽列( 不隨捲動頁面移動 )的方式只適合使用在寬螢幕的設備,因為小螢幕能展示的空間有限,較適合採用點擊展開方式的隱藏導覽列。
一個好的導覽列是
能站在使用者擷取所需資料的角度去設計路徑
,而非只是提供一個網站階層結構。
響應式網站一般會需要較長的時間來載入( load )及渲染( render )
,故在設計時就必須將
效能
列為必要的開發調整項目之一。
根據研究,
等待網站載入的時間若超過 5 秒,有超過七成的使用者會放棄離開
,所以網站的效能( 速度 )是非常重要的。
網站速度是 google 搜尋引擎排名演算法考量的重要因素之一,因為網站速度會影響使用者體驗
(
UX
)。
網站的主要目的是
提供資訊與互動
給使用者,若額外的視覺效果拖慢了網站速度,這就本末倒置了。
行動上網與一般家用網路會持續連結網際網路不同,因為頻寬有限,只有在發出請求時才會開始連結網際網路,
等待連結的過程一定會產生延遲( latency ),這是無法避免的
。
留言
追蹤
檢舉
上一篇
RWD---[ 響應式網站 ( 五 ) ]---無用小觀念
下一篇
RWD---[ 響應式網站 ( 七 ) ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
React---[ 自訂元件、props特性 ]---無用小觀念
27
React---[ state 狀態、事件處理 ]---無用小觀念
28
React---[ JSX ]---無用小觀念
29
Git---[ Git 基本觀念 ]
30
30天鐵人賽---[ 參賽心得 ]
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19831
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
誰能證明AI是一場公司的大災難
延續誰能證明ai是場災難
鼎新ERP /SMART 專案成本分析..
在這過快的年代,誰還有辦法去用手寫而不是機器鍵盤敲出全部的程式碼?別再跟我AI,希望能有手寫程式碼的真正執行人告訴我為何
Debian 13 安裝 bind9 後找不到範例檔
Fortigate的廠商說某些功能的授權因為區域限制無法購買是正常的嗎?
過勞的大大喝茶下班了嗎?
熱門回答
誰能證明AI是一場公司的大災難
鼎新ERP /SMART 專案成本分析..
在這過快的年代,誰還有辦法去用手寫而不是機器鍵盤敲出全部的程式碼?別再跟我AI,希望能有手寫程式碼的真正執行人告訴我為何
Debian 13 安裝 bind9 後找不到範例檔
Fortigate的廠商說某些功能的授權因為區域限制無法購買是正常的嗎?
熱門文章
好想跟 Discord 聊天就把專案寫好 : Claude Code Channels
AI網管課 - 怎麼建置10人網路 (概念篇)
如何設計自己的遊戲開發同事
如何用cppsp解決c++擴充類別/結構的限制
实测显示 Xiaomi MiMo-V2-Pro 已具备进入实际工作流的能力:以 Crazyrouter 统一接口对比 Claude 为例
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}